<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用类的注意事项</title>
</head>
<body>
  <button>点击</button>
  <script>
    class Star {
      constructor(sname,age) {
        this.uname = sname;
        this.age = age;
        this.btn = document.querySelector('button');
        /* 不要写方法 否则会提前调用*/
        this.btn.onclick = this.sing;
      }
      sing() {
        console.log(this.uname + '正在唱');
      }
    }
    var ldh = new Star();
    /* 注意事项一：js中没有变量提升 必须先定义类 才能实例化对象 */
    /* 注意事项二：在类中使用属性和方法一定要加this */
    /* this 是谁调用 this就是谁 */
  </script>
</body>
</html>